<!DOCTYPE html>
<!-- saved from url=(0025)http://dlb.888dly.vip/59/ -->
<html lang="zh-CN"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	
	<title>平安夜❤️</title>

    <script>
        //判断客户端设备，选择写入meta
        function init_viewport(){
            if(navigator.userAgent.indexOf('Android') != -1){
                var version = parseFloat(RegExp.$1);
                if(version>2.3){
                    var width = window.outerWidth == 0 ? window.screen.width : window.outerWidth;
                    var phoneScale = parseInt(width)/500;
                    document.write('<meta name="viewport" content="width=500, minimum-scale = '+ phoneScale +', maximum-scale = '+ phoneScale +', target-densitydpi=device-dpi">');
                }else{
                    document.write('<meta name="viewport" content="width=500, target-densitydpi=device-dpi, user-scalable=0">');
                }
            }else if(navigator.userAgent.indexOf('iPhone') != -1){
                var phoneScale = parseInt(window.screen.width)/500;
                document.write('<meta name="viewport" content="width=500, min-height=750, initial-scale=' + phoneScale +', maximum-scale='+phoneScale+', user-scalable=0" /> ');         //0.75   0.82
            }else{
                document.write('<meta name="viewport" content="width=500, height=750, initial-scale=0.64" /> '); //0.75  0.82
            }
        }
        init_viewport();
    </script><meta name="viewport" content="width=500, height=750, initial-scale=0.64">  


	<style>
		* {
            padding: 0px;
            margin: 0px;
            -webkit-box-sizing: border-box;
        } 
        body {
            background-color: white;
        }
        a {
            color: white;
            text-decoration: none; 
        }

        #div_container { /*最外层div，用于居中兼容PC和移动*/
            width: 500px;
            margin: 0px auto; 
            position: relative; 
            /*background-color: #FAFAFA;*/
            font-size: 1em;
        }



        .div_simple_page { /*文字部分的最外层，用于定位*/
            position: relative;
            display: none;
        }
        .div_s_page_bg { /*背景设置在这里*/
            background-repeat: repeat; 
            background-size: 100%; 
            background-attachment: fixed; 
            width: 500px;
            min-height: 1200px; 
        }
        .div_s_page_height {
            visibility: hidden;
            padding: 30px; 
            text-align: justify;  /*为了使文字两端对齐 */
            white-space:pre-wrap; /*保留换行效果*/
            color: silver;            
        }
        .div_s_page_zx {
            position: absolute;
            left: 0;
            right: 0;  /*4个方向定位使div充满整个画画*/
            top: 0;
            bottom: 0;  /*4个方向定位使div充满整个画画*/
            width: 500px;            
            background:rgba(255,255,255,0.8); /*半透明效果*/
            padding: 30px; 
            text-align: justify;  /*为了使文字两端对齐 */
            white-space:pre-wrap; /*保留换行效果*/ 
        }     


        #div_start_bg{
            width: 100%; height: 100%;
            position: absolute;
            left: 0px; top: 0px;
            z-index: 44;
            background-color: white;
        }
	</style>

    <link type="text/css" rel="stylesheet" href="./平安夜❤️_files/theme_s_page_zx.css">

    <!-- 按钮部分的样式 -->
    <link type="text/css" rel="stylesheet" href="./平安夜❤️_files/theme_public_btn.css">


        

        

     

     

    <!-- 按需加载，选择此片头时方才加载 -->
        <link type="text/css" rel="stylesheet" href="../平安夜❤️_files/start_intersect.css">  

     

     
</head>

<body style="">
    <div id="div_container"> <!-- 最外层div，用于居中兼容PC和移动 --> 

        <div id="div_start_bg"></div> <!-- 用于遮挡主题，作为片头的背景 -->


                

        <!-- 按需加载，选择此片头时方才加载 -->



        


          



        <!-- 按需加载，选择此片头时方才加载 -->
            <div id="div_intersect" style="display: block; height: 694px; background-image: url(&quot;https://tx2.a.yximgs.com/ufile/atlas/NTI1NzY3MTEyODY0NTk0MzkyN18xNjA4NzI4MzM1NDE5_0.jpg&quot;);"><!-- 用于设置背景 -->
                <div id="div_is_inner" style="height: 694px;"><!-- 用于存放content -->
                    <div class="div_is_open_bg" style="height: 694px;">
                        <div class="div_is_open_btn" onclick="init_is_typed()"></div>
                    </div>

                    <!-- 画布在这里 -->
                    <canvas id="canvas_is" width="500" height="694"></canvas> 

                    <!-- 打字在这里 -->
                    <div class="div_is_typed" style="height: 694px;"> 
                        <div id="div_is_img">  
                            <img class="img_is_typed">
                        </div>
                        <span id="span_is_typed"></span> 
                    </div>  
                </div>
            </div>


                
  
        <!-- 以上是动画和视频片头  以上是动画和视频片头  以上是动画和视频片头  以上是动画和视频片头 -->
        <!-- 以上是动画和视频片头  以上是动画和视频片头  以上是动画和视频片头  以上是动画和视频片头 -->
        <!-- 以上是动画和视频片头  以上是动画和视频片头  以上是动画和视频片头  以上是动画和视频片头 -->
        <!-- 以上是动画和视频片头  以上是动画和视频片头  以上是动画和视频片头  以上是动画和视频片头 -->
        <!-- 以上是动画和视频片头  以上是动画和视频片头  以上是动画和视频片头  以上是动画和视频片头 -->






        <div class="div_simple_page"> <!-- 文字部分的最外层，用于定位 -->
            <div class="div_s_page_bg"><!-- 背景设置在这里 -->
                <div class="div_s_page_height"> 
                    <!-- 正文的内容复制到这里面，撑开整个文档的高度 -->
                </div>
            </div> 
            <div class="div_s_page_zx"> 
                <!-- 正文部分，绝对定位 --> <!-- zx-editor的内容放在这里 -->
            </div> 
        </div>



        

        




        <div id="div_btn_container"> <!-- 按钮部分的最外层，处于文档流之中 -->
            <div id="div_btn_inner"> <!-- 按钮部分内层，用于定位 -->

                <div class="div_music_tips" style="display: none;">已暂停</div>
                <div class="div_btn" id="div_music" onclick="music_switch()"> <!-- 音乐按钮部分 -->
                    <img id="img_music" src="./平安夜❤️_files/music_note_big.png" style=""> 
                    <audio id="audio_music" autoplay="autoplay" loop="loop" src="https://sf3-dycdn-tos.pstatp.com/obj/ies-music/6901921304073571079.mp3">
                        <source type="audio/mpeg">  
                        <!-- 您的浏览器不支持播放音乐 -->
                    </audio>
                </div>

                <div class="div_record_tips"></div>
                <div class="div_btn" id="div_record" onclick="record_switch()" style="display: none;"> <!-- 录音按钮部分 -->
                    语音
                    <audio id="audio_record" loop="loop">
                        <source type="audio/mpeg">  
                        <!-- 您的浏览器不支持播放音乐 -->
                    </audio>
                </div>
                
                <!-- 只在提交状态显示 只在提交状态显示 只在提交状态显示 只在提交状态显示 -->
             
                <!-- 只在提交状态显示 只在提交状态显示 只在提交状态显示 只在提交状态显示 -->

                <!-- 只在未提交状态显示 只在未提交状态显示 只在未提交状态显示 只在未提交状态显示 -->
                  
                <!-- 只在未提交状态显示 只在未提交状态显示 只在未提交状态显示 只在未提交状态显示 -->
            </div> 
        </div>
    </div>







    <script src="./平安夜❤️_files/jquery-2.0.3.min.js"></script>
    <script src="./平安夜❤️_files/typed.min.js"></script>
    <script src="./平安夜❤️_files/support_upload_as.js"></script>   
    <script>
        console.log('$(window).height ->'+$(window).height());

        var theme='simple_page';
        console.log('theme ->'+theme);
        var theme_content={"simple_page_content":"&lt;h2 style=&quot;color: rgb(255, 88, 61);&quot;&gt;\u5e73\u5b89\u591c\u5feb\u4e50\uff01&lt;\/h2&gt;","bg_style":"bg_custom","bg_img":"https://tx2.a.yximgs.com/ufile/atlas/NTI1NzY3MTEyODY0NTk0MzkyN18xNjA4NzI4MzM1NDE5_0.jpg","video_page_content":""};
        console.log(theme_content);

        var music_json={"music_select":"m_online","m_online_id":"3","m_online_url":"https://sf3-dycdn-tos.pstatp.com/obj/ies-music/6901921304073571079.mp3","m_upload_name":"null","m_upload_url":"null"};
        console.log(music_json);
        var record_json={"record_bool":"r_false","r_wechat_time":"null","r_wechat_url":"null","r_wechat_amr":"null"};
        console.log(record_json);
        var signPackage={"appid":"wx47f716bdd7699533","timestamp":1608728569,"nonceStr":"bppAWCCCJn4DZXzL","url":"http:\/\/www.makusi.cn\/Home\/Play\/play_show\/ws\/YGdsmmdj","signature":"cb109c6a2e5658989c0dd9a56670e978dde17e4d","rawString":"jsapi_ticket=sM4AOVdWfPE4DxkXGEs8VHINcjHJVwMsFjJyfreRy7BsYqXKj4RKArWPIl6nA9Ng17MxKyyRlbTluLJ8KmtVXg&noncestr=bppAWCCCJn4DZXzL&timestamp=1608728569&url=http:\/\/www.makusi.cn\/Home\/Play\/play_show\/ws\/YGdsmmdj"};

        var main_title='平安夜❤️';
        // console.log(main_title);
        if(main_title=='' || main_title=='null'){  //允许标题为空
            document.title='很高兴遇见你';
        }
        // console.log("");
        

        var s_page_content=theme_content['simple_page_content']; 
        var interval_s_height;
        var height_s_page=$(".div_s_page_height").height(); 
        function init_simple_page(){
            load_saved_content(); //加载内容
            // 初始化设置div的bg图片 初始化设置div的bg图片
            if(typeof(theme_content['bg_style'])!='undefined' && theme_content['bg_style']=='bg_custom'){
                if(typeof(theme_content['bg_img'])!='undefined' && theme_content['bg_img']!=''){                    
                    $(".div_s_page_bg").css({"background-image": "url("+theme_content['bg_img']+")"});
                }
            }  

            interval_s_height=setInterval(function(){
                console.log('div_s_page_height -> '+$(".div_s_page_height").height());
                var latest_height_s_page=$(".div_s_page_height").height();
                if(latest_height_s_page<=height_s_page){
                    clearInterval(interval_s_height);
                    $(".div_s_page_height").height(latest_height_s_page+200);
                    if($(".div_s_page_height").height()<$(window).height()){
                        $(".div_s_page_height").height($(window).height()); //不能小于窗口的高度
                        console.log('let us be high as window');
                    }
                }else{
                    height_s_page=latest_height_s_page; 
                }
            },100);

            $(".div_simple_page").fadeIn();
            init_attachment();
        } 
        


        function load_saved_content(){
            if(typeof(s_page_content)=='undefined'){ //全新作品未保存
                console.log('s_page_content -> undefined');
                load_random_content();
                return;
            }
            // temp_content=escape2Html(s_page_content); 
            // temp_content=temp_content.replace(/<[^<>]+>/g,''); 
            // temp_content=temp_content.replace(/\n|\r|\s/g,'');
            // // console.log(temp_content);
            // if(temp_content==''){ //曾有保存但没有内容，则显示为空白
            //     load_random_content()
            //     return;
            // }
            console.log('load_saved_content');
            var html_content=escape2Html(s_page_content);
            $(".div_s_page_zx").html(html_content); //初始化加载内容 
            $(".div_s_page_height").html(html_content); //初始化复制内容，撑开文档高度 
        }

        function load_random_content(){
            console.log('load_random_content');
            var random_content="&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;h2 style=&quot;color: rgb(255, 88, 61); font-weight: 800;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;送给你的小惊喜&lt;/h2&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;"+random_text()+"&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p class=&quot;child-node-is-img&quot; contenteditable=&quot;false&quot;&gt;&lt;img src=&quot;"+random_img()+"&quot; width=&quot;100%&quot; height=&quot;auto&quot; id=&quot;zxeditor_img_1570285474432&quot;&gt;&lt;i class=&quot;__remove&quot;&gt;&lt;/i&gt;&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;"+random_text()+"&lt;/p&gt;&lt;p class=&quot;child-node-is-text&quot;&gt;"+random_text()+"&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p class=&quot;child-node-is-img&quot; contenteditable=&quot;false&quot;&gt;&lt;img src=&quot;"+random_img()+"&quot; width=&quot;100%&quot; height=&quot;auto&quot; id=&quot;zxeditor_img_1570409946707&quot;&gt;&lt;i class=&quot;__remove&quot;&gt;&lt;/i&gt;&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p class=&quot;child-node-is-text&quot;&gt;"+random_text()+"&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p class=&quot;child-node-is-text&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; "+"——爱你的小鹿"+"&lt;/p&gt;";
            var html_content=escape2Html(random_content);
            $(".div_s_page_zx").html(html_content); //初始化加载内容 
            $(".div_s_page_height").html(html_content); //初始化复制内容，撑开文档高度
        }


        //转义为html
        function escape2Html(str) {
            var arrEntities={'lt':'<','gt':'>','nbsp':' ','amp':'&','quot':'"'};
            return str.replace(/&(lt|gt|nbsp|amp|quot);/ig,function(all,t){return arrEntities[t];});
        } 

        var temp_text_array=array_as_words_love;
        function random_text(){
            var random_text_index=Math.floor(Math.random()*temp_text_array.length);
            var random_text=temp_text_array[random_text_index];
            temp_text_array.splice(random_text_index,1);
            return random_text;
        }
        var temp_img_array=array_as_pics_s;
        function random_img(){
            var random_img_index=Math.floor(Math.random()*temp_img_array.length);
            var random_img=temp_img_array[random_img_index];
            temp_img_array.splice(random_img_index,1);
            return random_img;
        }
    </script>







        

     <!-- 按需加载，选择此片头时方才加载 -->
    

    <script> 
        var start_content={"intersect_text":"\u6709\u79cd\u6b23\u559c\u53eb\uff1a\u8fc7\u5b8c\u5e73\u5b89\u591c\u8fc7\u5723\u8bde\uff1b\u6709\u79cd\u8d2a\u5a6a\u53eb\u8fc7\u7740\u5723\u8bde\u76fc\u5143\u65e6\uff1b\u6709\u79cd\u601d\u5ff5\u53eb\u4f46\u613f\u4eba\u957f\u4e45\uff0c\u5343\u91cc\u5171\u201c\u53cc\u86cb\u201d\uff1b\u77ed\u4fe1\u795d\u798f\u4f60\uff1a\u63e3\u7740\u5e78\u8fd0\u86cb\uff0c\u4f34\u7740\u5feb\u4e50\u86cb\uff0c\u8d76\u8d70\u8ff7\u7cca\u86cb\uff0c\u70ae\u8f70\u5012\u9709\u86cb\uff0c\u5929\u964d\u5b9d\u8d1d\u86cb\uff0c\u4fdd\u4f60\u5feb\u5feb\u4e50\u4e50\u8fc7\u5723\u8bde\uff0c\u771f\u5fc3\u95ee\u5019\u4e0d\u6363\u86cb\uff0c\u8654\u8bda\u795d\u798f\u4e0d\u626f\u6de1\uff01","cursor_char":"cursor_heart","bg_style":"bg_custom","bg_img":"https://tx2.a.yximgs.com/ufile/atlas/NTI1NzY3MTEyODY0NTk0MzkyN18xNjA4NzI4MzM1NDE5_0.jpg","img_bool":"img_true","img_src":"https://obs.liaoxingqiu.com/images/static/ios_8721373_2020-12-22-11-57-32-755.jpg"}; //可能为null
        console.log(start_content);
        
        $(function(){
            //此事件为触发互动创意
            var start_id='intersect'; //可能为null
            init_start(start_id);
        });
        
        function init_start(start_id){ 
            console.log('init_start ->'+start_id);
            switch(start_id){
                case 'loveformat':
                    $('.div_loveformat').show();
                    init_loveformat();
                    break;
                case 'hearttree':
                    $('#div_hearttree').show();
                    init_hearttree();
                    break;
                case 'courage':
                    $('#div_courage').show();
                    init_courage();
                    break;
                case 'birthdaycake':
                    $('#div_dbcake').show();
                    init_birthdaycake();
                    break;
                case 'intersect':
                    $('#div_intersect').show();
                    init_intersect();
                    break;
                case 'onlyyou':
                    $('#div_onlyyou').show();
                    init_onlyyou();
                    break;
                default:
                    init_theme(); 
            }
        } 

        //开始动画主体部分
        function init_theme(){
            console.log('init_theme');
            $('#div_start_bg').fadeOut();
            init_simple_page();
        }

    </script>




    

        

    

    

    <!-- 按需加载，选择此片头时方才加载 -->
        <script src="./平安夜❤️_files/start_intersect.js"></script> 


    




    <script> 
        var attachment='null'; //可能为null
        var attached_content={"bool_save":false}; //可能为null
        console.log(attached_content); 
       
        function init_attachment(){  //开始attachment
            console.log('init_attachment ->'+attachment);
            switch(attachment){
                case 'timer':
                    init_at_timer();
                    break;
                default:
                    return; 
            }
        } 
    </script>

            



    <script src="./平安夜❤️_files/jweixin-1.6.0.js"></script>
	<script src="./平安夜❤️_files/theme_common.js"></script> <!-- 音乐控制和微信设置等公共部分js外部引入 -->






</body></html>